<template>
	<!-- 辅助空白 -->
	<view v-show="!isSortType" style="background-color: #fff;">
		<!-- :style="'height:'+ heightConfig*2 +'rpx;'" -->
		<view class="blankPage"  v-if="heightConfig>0">
			<view class="bankCon" :style="'background-color:'+ bgColor +';'"></view>
			<view class="img-dp"><image mode="scaleToFill" src="https://aolaic.shangyunji.com/uploads/store/index/dapai.png"></image></view>
			
			<view class="img-dp-content"><image mode="scaleToFill" src="https://aolaic.shangyunji.com/uploads/store/index/pinpai.png"></image></view>
			<view class="img-dp2"><image mode="scaleToFill" src="https://aolaic.shangyunji.com/uploads/store/index/goumai.png"></image></view>
			<view class="img-dp-content2"><image mode="scaleToFill" src="https://aolaic.shangyunji.com/uploads/store/index/shuoming.png"></image></view>
		</view>
	</view>

</template>

<script>
	export default {
		name: 'blankPage',
		props: {
			dataConfig: {
				type: Object,
				default: () => {}
			},
			isSortType:{
				type: String | Number,
				default:0
			}
		},
		data() {
			return {
				bgColor:this.dataConfig.bgColor.color[0].item,
				heightConfig:this.dataConfig.heightConfig.val
			};
		},
		created() {},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.blankPage{
		padding-top: 10rpx;
		.bankCon{
			width: 100%;
			height: 100%;
			background-color: blue;
		}
	} 
	.img-dp{
		width: 201rpx;
		height: 73rpx;
		margin: auto;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.img-dp2{
		width: 175rpx;
		height: 73rpx;
		margin: auto;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.img-dp-content{
		width: 667rpx;
		height: 924rpx;
		margin: 50rpx auto;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.img-dp-content2{
		width: 711rpx;
		height: 523rpx;
		margin: 50rpx auto;
		padding-bottom: 50rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
</style>
